
/*类选择器*/

.login{
    width:100%;
    /*background: #7ce6ff;*/
    /*调颜色透明度*/
    background: rgba(255, 16, 14, 0.35);
    /*高度*/
    height: 80px;
    /*设置水平对齐的方式*/
    text-align: center;
    /*设置字体，字体*/
    /*font-size: 28px;*/
    font: bold 28px/50px "Microsoft Sans Serif";
    color: #fff;
}

div{
    background: black;
    width: 50px;
    height: 50px;
}


.musen{
    background: green;
    color: red;
}




/*元素选择器/标签选择器*/
/*body{*/
    /*background-image: url("../image/image1.jpeg");*/
    /*background-size: cover;*/
/*}*/

body{
    height: 1080px;
    /*图片地址*/
    background-image: url("https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png");
    /*背景是否平铺*/
    background-repeat: no-repeat;
    /*背景图片位置*/
    background-position: top center;
    /*固定背景的位置*/
    background-attachment: fixed;
}



/*组选择器*/
/*标签选择器 类选择器  id选择器组合可以来用*/
/*用逗号隔开，.login为类属性为login的，#login为di属性为login的，这些都可以引用该样式*/
h1,h2,.login,#login{
    color: yellow;
}


/*伪类及伪元素选择器：链接的不同状态可以以不同的方式显示，包括活动状态，已被访问状态，未被访问状态及鼠标悬停*/
/*hover:当鼠标悬停时，设置的样式*/
.index:hover{
    background: blue;
}